/* 
 * 默认样式的修改
 * 
 * @Author:    1024创新实验室-主任：卓大 
 * @Date:      2022-09-12 14:41:59 
 * @Wechat:    zhuda1024 
 * @Email:     lab1024@163.com 
 * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012 
 */

 @import '~ant-design-vue/dist/antd.less';
 @import './smart-admin.less';
 
 @gray-1: #ffffff;
 @gray-2: #fafafa;
 @gray-3: #f5f5f5;
 @gray-4: #f0f0f0;
 @gray-5: #d9d9d9;
 @gray-6: #bfbfbf;
 @gray-7: #8c8c8c;
 @gray-8: #595959;
 @gray-9: #434343;
 @gray-10: #262626;
 @gray-11: #1f1f1f;
 @gray-12: #141414;
 @gray-13: #000000;
 
 @title-color: @heading-color;
 
 @layout-bg-color: @layout-body-background;
 @base-bg-color: @body-background;
 @hover-bg-color: rgba(0, 0, 0, 0.025);
 @border-color: @border-color-split;
 
 @hover-bg-color-light: @hover-bg-color;
 @hover-bg-color-dark: @primary-7;
 @hover-bg-color-night: rgba(255, 255, 255, 0.025);
 @header-bg-color-dark: @layout-header-background;
 
 @header-light-bg-hover-color: #f6f6f6;
 @header-height: 80px;
 @header-user-height: 40px;
 @page-tag-height: 40px;
 
 @shadow-down: @shadow-1-down;
 @shadow-up: @shadow-1-up;
 @shadow-left: @shadow-1-left;
 @shadow-right: @shadow-1-right;
 
 @theme-list: light, dark, night;
 
 /**********************************  基础样式 **********************************/
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   outline: none !important;
 }
 
 html,
 body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   -webkit-font-smoothing: antialiased;
   -webkit-tap-highlight-color: transparent;
   background-color: #f8f8f8;
   font-size: 14px;
   position: relative;
 }
 
 #app {
   width: 100%;
   height: 100%;
 }
 
 /**********************************  ant design spin **********************************/
 .ant-spin-blur{
   opacity: 0.2;
 }
 
 /**********************************  ant design table **********************************/
 .ant-table-tbody :deep(.smart-table-striped) {
   background-color: #fafafa;
 }
 
 /**********************************  ant design form **********************************/
 .ant-form-inline .ant-form-item-with-help {
   margin-bottom: 0px !important;
 }
 
 /**********************************  ant design spin **********************************/
 .ant-spin-nested-loading {
   width: 100%;
   height: 100%;
 }
 
 .ant-spin-container {
   width: 100%;
   height: 100%;
 }
 
 /**********************************  富文本HTML样式 **********************************/
 .html-content {
   /* table 样式 */
   table {
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
   }
   table td,
   table th {
     border-bottom: 1px solid #ccc;
     border-right: 1px solid #ccc;
     padding: 3px 5px;
   }
   table th {
     border-bottom: 2px solid #ccc;
     text-align: center;
   }
 
   /* blockquote 样式 */
   blockquote {
     display: block;
     border-left: 8px solid #d0e5f2;
     padding: 5px 10px;
     margin: 10px 0;
     line-height: 1.4;
     font-size: 100%;
     background-color: #f1f1f1;
   }
 
   /* code 样式 */
   code {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     background-color: #f1f1f1;
     border-radius: 3px;
     padding: 3px 5px;
     margin: 0 3px;
   }
   pre code {
     display: block;
   }
 
   /* ul ol 样式 */
   ul,
   ol {
     margin: 10px 0 10px 20px;
   }
 }
 